<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Canvas</title>
	
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/hideshow.js" type="text/javascript"></script>
	<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.equalHeight.js"></script>
	<link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet">
	<link href="css/canvas.css" rel="stylesheet">
	<script src="js/jquery-ui-1.10.3.custom.js"></script>
	<script src="js/canvas.js" type="text/javascript"></script>
</head>
<body>
	<header id="header">
		<hgroup>
			<h1 class="site_title"><a href="index.html">Blue Loop</a></h1>
		</hgroup>
	</header>
	
	<section id="secondary_bar">

	</section>

	<!-- Comienza Canvas.html -->
	<div>
		<div id="content-wrapper" class="clearfix row">


			<div class="content-right">
				<div id="content">
					<h1 class="entry-title">Canvas</h1>
					<div id="snaptarget" class="ui-widget-header">
						<div id="dragger"></div>
					</div>
				</div>
				<div id="sidebar">
						<h3 id="title2">Objects</h3>
						<div class="draggable" id="drag1"><img src="images/supplier.png"></div>
						<div class="draggable" id="drag2"><img src="images/buffer.png"></div>
						<div class="draggable" id="drag3"><img src="images/transport.png"></div>
						<div class="draggable" id="drag4"><img src="images/warehouse.png"></div>
						<div class="draggable" id="drag5"><img src="images/valve.png"></div>
						<div class="draggable" id="drag6"><img src="images/arrow.png"></div>		
				</div>
			</div>
			
		</div>
	</div>
	<!-- Termina Canvas.html -->	

	<footer id="footer">
		<div >
			<p><strong>Copyright &copy; 2013</strong> Theme by <a href="http://www.epromcr.com/">Eprom S.A.</a></p>
		</div>
	</footer>
</body>
</html>
